import React, { Component } from 'react';
import {
    Platform,
    Text,
    View,
    StyleSheet}
from 'react-native';

/**
 * 根据平台选择内容
 */
const platFormText = Platform.select({
    ios: '苹果设备',
    android: '安卓设备'
});

/**
 * 样式风格
 */
const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fdc'
    },
    platFormText: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10
    }
});

/**
 * 第一个项目
 */
export default class HelloWorldApp extends Component {
    render() {
        return (
            /**
             * 父布局View
             */
            <View style={styles.container}>
                <Text>Hello World!</Text>
                <Text style={styles.platFormText}>
                    {platFormText}
                </Text>
            </View>
        );
    }
}